﻿/* - - - - - - - - - 默认值标准化  - - - - - - - - -*/
html,body,span,h1,h2,h3,h4,h5,p,blockquote,pre,a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;height:100%;position:relative;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;line-height: inherit;font-size: inherit;font-family:inherit;vertical-align:middle;}
textarea{resize:none;font-family:inherit;padding:0;margin:0;font-size: inherit;}
input::-ms-clear{display: none;}
input:focus,textarea:focus,button:focus{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important; margin: 0;}
input[type=button],input[type=submit],input[type=reset],input[type=text],input[type=file],button{-webkit-appearance:none; border-radius:0;}
button{cursor:pointer;}
html{height:100%;position: relative;}
body{font-size:14px;min-width: 360px; background-color:#fff;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;height:100%;position:relative;color:#333;max-width:2560px;margin-left:auto;margin-right:auto;}
ul,ol{list-style-type:none;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:none;transition:color 200ms linear,background-color 200ms linear,border-color 200ms linear;}
a:active{}
a:visited{}
.clear{display: block;clear: both;width:100%;}


.photo{background:#666;position:relative;overflow:hidden;}
.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:all 0.5s ease;}
.photo.photo--pos{position:relative;overflow:hidden;}
.photo.photo--pos img{position:absolute;left:0;top:0;}
.iconPic{vertical-align:middle;}
.iconPic img{width:100%;height:100%;display:block;object-fit:contain;}
[class^='icon--']{display:inline-block;width:24px;height:24px;vertical-align:middle;background-size:cover!important;}
.icon--police{width:22px;height:22px;background:url(../images/icon-public.png) no-repeat left top;}
.icon--arrow-right{width:14px;height:18px;background:url(../images/icon/icon--arrow-right.png) no-repeat left top;}
.icon--arrow{width:33px;height:33px;background:url(../images/icon/icon--arrow.png) no-repeat left top;}
/*组件-视频*/
.module-video{background:#000;margin-bottom:40px;position:relative;padding-top:48.83%;}
.module-video .photo,.module-video video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.module-video .photo img{opacity:0.6;}
/*视频按钮*/
.btn-video{position:absolute;width:76px;height:76px;cursor:pointer;border-radius:50px;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.5);z-index:1000;}
.btn-video:hover{background:rgba(0,0,0,0.7);}
.btn-video::before{position:absolute;content:'';top:50%;left:60%;transform:translate(-50%,-50%);border:14px solid white;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-left-width:20px;}
/*关闭按钮*/
.icon-close{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;cursor:pointer;transition:transform 0.2s linear;}
.icon-close::before,.icon-close::after{position:absolute;content:"";width:100%;height:2px;top:50%;left:0;background-color:#fff;transform:translate(0,-50%) rotate(45deg);}
.icon-close::after{transform:translate(0,-50%) rotate(-45deg);}
.icon-close:hover{transform:translate(-50%,-50%) rotate(90deg);}
.icon-close:hover::before,.icon-close:hover::after{background-color:#fff;}

/*弹窗*/	
#videoPlayWindow{position:fixed;width:1000px;height:600px;border:4px solid #4e4e4e; left:50%;top:50%;margin-left:-500px;margin-top:-320px;background:#000;z-index:113501;}
#videoPlayWindow .videoBox{position:absolute;left:0;top:0;width:100%;height:100%;}
#videoPlayWindow .btnCloseWindow{text-align:center;width:75px;height:75px;line-height:75px;position:absolute;left:100%;top:-4px;margin-left:4px;background:#4e4e4e;cursor:pointer;}
#videoPlayWindow .btnCloseWindow:hover{background-color:#FF1B1B;}
#videoPlayWindow video{width:100%;height:100%;display:block;}
#videoPlayWindow_zz{position:fixed;left:0;top:0;right:0px;bottom:0px;z-index:113500;background: rgba(0,0,0,0.8);}

@media screen and (max-width: 767px) 
{	
 #videoPlayWindow{width:92%;margin-left:0;transform:translate(-50%,-50%);padding-top:55%;height:0;margin-top:0;border-width:2px;}
#videoPlayWindow .btnCloseWindow{left:50%;top:108%;transform:translatex(-50%);border-radius:50%;background-color:rgba(0,0,0,0.4);}
#videoPlayWindow .btnCloseWindow:hover{background-color:transparent;}

}
@keyframes press{50%{ transform:translateY(40px);}}
@-webkit-keyframes press{50%{ -webkit-transform:translateY(40px);}}


	.animated {
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
	  }
	  
	  .animated.infinite {
		-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
	  }
	  
	  .animated.hinge {
		-webkit-animation-duration: 2s;
				animation-duration: 2s;
	  }
	  
	  @-webkit-keyframes fadeInUp {
		0% {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 100%, 0);
				  transform: translate3d(0, 100%, 0);
		}
	  
		100% {
		  opacity: 1;
		  -webkit-transform: none;
				  transform: none;
		}
	  }
	  
	  @keyframes fadeInUp {
		0% {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 100%, 0);
				  transform: translate3d(0, 100%, 0);
		}
	  
		100% {
		  opacity: 1;
		  -webkit-transform: none;
				  transform: none;
		}
	  }
	  
	  .fadeInUp {
		-webkit-animation-name: fadeInUp;
				animation-name: fadeInUp;
	  }
	  @-webkit-keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-20px);
			transform: translateX(-20px)
		}
	
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
	}
	
	@keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-20px);
			-ms-transform: translateX(-20px);
			transform: translateX(-20px)
		}
	
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0)
		}
	}
	
	.fadeInLeft {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft
	}
	
.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
.kenburns-bottom{-webkit-animation:kenburns-bottom 5s ease-out both;animation:kenburns-bottom 5s ease-out both}
 @-webkit-keyframes kenburns-bottom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 84%;transform-origin:50% 84%}100%{-webkit-transform:scale(1.25) translateY(15px);transform:scale(1.25) translateY(15px);-webkit-transform-origin:bottom;transform-origin:bottom}}
 @keyframes kenburns-bottom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 84%;transform-origin:50% 84%}100%{-webkit-transform:scale(1.25) translateY(15px);transform:scale(1.25) translateY(15px);-webkit-transform-origin:bottom;transform-origin:bottom}}
